html, body {
    height: 256px;
    -webkit-user-select: none;
}
* {
    font-family: 'Microsoft Yahei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input, textarea {
    padding: 4px;
    outline: none;
    background: rgba(0,0,0,0);
    border: 1px solid #ccc;
}

input[type=button] {
    cursor: pointer;
}

#blocked-list, #block-user {
    font-size: 14px;
    min-width: 200px;
    padding: 8px;
}

#blocked-list {
    max-height: 10em;
    overflow-y: auto;
}

#blocked-list section {
    display: flex;
}

#blocked-list div.delete-op {
    width: 24px;
    color: red;
    cursor: pointer;
}

#blocked-list div.username {
    flex: 1;
}

h4 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

p {
    text-align: center;
    margin: 0;
    padding: 0;
}

#block-user #block-username {
    width: 150px;
}

#block-user #do-block {
    margin-left: 8px;
}

#block-tips {
    max-width: 210px;
    width: 210px;
    min-width: 210px;
    min-height: 4em;
    height: 4em;
    max-height: 4em;
    margin-top: 4px;
}

hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 8px 0;
    padding: 0;
}

#restore {
    margin-bottom: 8px;
}
